<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类选择器</title>
    <style>
        /*
        这四种伪类选择器,必须按照固定顺序去写
        先爱后恨  原则

        L : link
        O
        V : visited
        E

        H : hover
        A : active
        T
        E
        */
        a:link{
            /*链接还没被点击*/
            color: red;
        }
        a:visited{
            /*访问过这个链接*/
            color: green;
        }
        a:hover{
            /*鼠标放在上面悬停
            color: blue;*/
            background-color: #ff8a4f;
            border: 1px solid #ff8a4f;
            border-radius: 5px;
        }
        a:active{
            /*按住不松手*/
            color: yellow;
        }
    </style>
</head>
<body>
<!--之前的选择器 选择的都是 标签
伪类选择器 选择的是 标签的状态
常见的 就是 a标签-->

<a href="#">这是一个A标签</a>
</body>
</html>